
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:insert name="checkLogon"></ui:insert>

<h:head>
	<ui:insert name="cssOne">
		<link href="../css/template.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../css/menu.css" />
	</ui:insert>
	<ui:insert name="cssTwo"></ui:insert>

	<ui:insert name="javascriptOne"></ui:insert>
</h:head>


<h:body>

	<div id="wrapper">
		

		<div id="logon">
			<ui:insert name="sayWellcome">
				<h:form rendered="#{userBean.loggedIn}">
					<input type="hidden" name="userName" value="#{userBean.userName}" />
					<h:outputText value="Wellcome "></h:outputText>
					<h:commandLink style="text-decoration:none;"
						action="../user/profileUser.jsf" value="#{userBean.userName}"></h:commandLink>
				</h:form>
				<h:outputText rendered="#{!userBean.loggedIn}"
					value="Wellcome Guest!" />
			</ui:insert>

			<div id="logonLogout">
				<ui:insert name="lkLogonOut">
					<h:form rendered="#{userBean.loggedIn}" style="margin-top:-10px;">
						<h:commandLink style="text-decoration:none"
							action="#{userBean.logout}" value="Logout"></h:commandLink>
					</h:form>

					<h:link style="text-decoration:none;"
						rendered="#{!userBean.loggedIn}" outcome="../user/logon.xhtml">
						<h:outputText value="Logon"></h:outputText>
					</h:link>
				</ui:insert>
			</div>
		</div>

		<div id="header">
			<ui:insert name="logo">
				<img id="logo1" src="../images/logoText.jpg" alt="loading..."></img>
			</ui:insert>
		</div>

		<div id="navigation">
			<ui:insert name="menu">
				<ui:include src="menu.xhtml"></ui:include>
			</ui:insert>
		</div>

		<div id="leftcolumn">
			<ui:insert name="left">Left content</ui:insert>
		</div>

		<div id="content">
			<ui:insert name="content">Main content</ui:insert>
		</div>

		<div id="leftAndContent">
			<ui:insert name="leftAndContent">left And Content</ui:insert>
		</div>


		<div id="footer">
			<ui:insert name="footer">The footer</ui:insert>
		</div>
	</div>

</h:body>
</html>